{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "mozorg/diversity/2021/index.html" %}

{% block content %}

<main>
  <!-- Heading leading to pages -->
  <section class="no-js-hidden mzp-l-content">
    <div class="c-section-wrapper">
      <h2><span class="highlight violet">What we do beyond our products</span></h2>
      <h3 class="c-subtitle"><strong>Our broader engagement with the world</strong></h3>
      <p>We partner and collaborate with organizations, leaders, scholars, technologists, and activists who share our values and vision for building a better and more inclusive internet and world. Through these partnerships, we seek to amplify a diverse array of experiences and causes. </p>
    </div>
    <div class="c-article-list">
      <div class="c-section-wrapper">
        <h3><span class="highlight black">Applying a global lens</span></h3>
        <h4>Africa Mradi</h4>
        <p>The Africa Mradi is a program that leverages Mozilla’s role as stewards of the open web to promote innovation grounded in the unique needs of users in African countries. Our approach is driven by local needs: to support local voices and entrepreneurs and to solve on-the-ground problems. In 2021, we expanded our presence on the continent and connected with African leaders and influencers in technology through participation in various events, and secured critical funds to scale our efforts.</p>
        <div class="mzp-l-card-third">
          {{ card(
          title='Mozilla Common Voice',
          ga_title='Mozilla Common Voice',
          class='has-modal',
          attributes='data-modal-id="common-voice"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#common-voice',
          image=resp_img('img/mozorg/diversity/2021/card-images/mozilla-common-voice.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Artificial intelligence for humanity - World Economic Forum',
          ga_title='Artificial intelligence for humanity',
          class='has-modal',
          attributes='data-modal-id="ai-humanity"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#ai-humanity',
          image=resp_img('img/mozorg/diversity/2021/card-images/weforum.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='African tech festivals, conferences, and events',
          ga_title='African tech festivals, conferences, and events',
          class='has-modal',
          attributes='data-modal-id="african-tech"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#african-tech',
          image=resp_img('img/mozorg/diversity/2021/card-images/african-digital-divide.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
        </div>
      </div>
      <div class="c-section-wrapper">
        <h3><span class="highlight black">Advocacy & amplification of marginalized voices</span></h3>
        <div class="mzp-l-card-half">
          {{ card(
          title='MozFest 2021',
          ga_title='MozFest 2021',
          class='has-modal',
          attributes='data-modal-id="mozfest"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#mozfest',
          image=resp_img('img/mozorg/diversity/2021/card-images/mozilla-festival.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Dialogues & debates',
          ga_title='Dialogues & debates',
          class='has-modal',
          attributes='data-modal-id="dialogues-debates"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#dialogues-debates',
          image=resp_img('img/mozorg/diversity/2021/card-images/mozfest-dialogues-and-debates.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          </div>
          <div class="mzp-l-card-half">
          {{ card(
          title='Creative media awards',
          ga_title='Creative media awards',
          class='has-modal',
          attributes='data-modal-id="creative-media"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#creative-media',
          image=resp_img('img/mozorg/diversity/2021/card-images/creative-awards.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Investments with Precursor Ventures',
          ga_title='Investments with Precursor Ventures',
          class='has-modal',
          attributes='data-modal-id="precursor-ventures"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#precursor-ventures',
          image=resp_img('img/mozorg/diversity/2021/card-images/precursor-ventures.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
        </div>
      </div>
      <div class="c-section-wrapper">
        <h3><span class="highlight black">Teaching and learning</span></h3>
        <p>In 2021, we examined the rise of tech hubs and innovation in Africa and created learning opportunities for college students to explore ethical computing practices, ran experiments, and hosted discussions on Trustworthy AI.</p>
        <h4>Responsible computing</h4>
        <p>Through the <a href="https://foundation.mozilla.org/en/what-we-fund/awards/responsible-computer-science-challenge/" target="_blank" rel="external noopener">Responsible Computer Science Challenge</a>, Mozilla has been able to support the conceptualization, development, and piloting of curricula that integrate ethics with undergraduate computer science training, educating a new wave of engineers who bring holistic thinking to the design of technology products.</p>
        <div class="mzp-l-card-half">
          {{ card(
          title='Responsible computing playbook',
          ga_title='Responsible computing playbook',
          class='has-modal',
          attributes='data-modal-id="computing-playbook"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#computing-playbook',
          image=resp_img('img/mozorg/diversity/2021/card-images/computing-summit.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Teaching responsible computing summit 2021',
          ga_title='Teaching responsible computing summit 2021',
          class='has-modal',
          attributes='data-modal-id="computing-summit"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#computing-summit',
          image=resp_img('img/mozorg/diversity/2021/card-images/teaching-summit.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
        </div>
      </div>
      <div class="c-section-wrapper">
        <h4>History Black Colleges and Universities (HBCUs)</h4>
        <p>Mozilla launched efforts to build relationships with Historically Black Colleges and Universities (HBCUs) recognizing the critical role HBCUs play in diversifying tech and producing Black technical talent. Through these partnerships, we aimed to influence the next generation of computer science and engineering professionals and create pathways to careers at Mozilla and across the industry.</p>
        <div class="mzp-l-card-third">
          {{ card(
          title='HBCU Collaborative Curriculum program',
          ga_title='HBCU Collaborative Curriculum program',
          class='has-modal',
          attributes='data-modal-id="hbcu-collaborative-curriculum"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#hbcu-collaborative-curriculum',
          image=resp_img('img/mozorg/diversity/2021/card-images/hbcu-collab.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Centering the experiences of black women',
          ga_title='Centering the experiences of black women',
          class='has-modal',
          attributes='data-modal-id="centering-black-women"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#centering-black-women',
          image=resp_img('img/mozorg/diversity/2021/card-images/black-women-experiences.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='The future is intersectional: black women interrogating technology',
          ga_title='The future is intersectional: black women interrogating technology',
          class='has-modal',
          attributes='data-modal-id="intersectional-future"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#intersectional-future',
          image=resp_img('img/mozorg/diversity/2021/card-images/black-women-technology.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
        </div>
        <div class="mzp-l-card-half">
          {{ card(
          title='Spelman College presents: An intersectional exploration on AI mediated microaggressions',
          ga_title='Spelman College presents: An intersectional exploration on AI mediated microaggressions',
          class='has-modal',
          attributes='data-modal-id="spelman-presents"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#spelman-presents',
          image=resp_img('img/mozorg/diversity/2021/card-images/spelman-header.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Atlanta University Center Data Science Initiative: Trustworthy AI design thinking challenge',
          ga_title='Atlanta University Center Data Science Initiative: Trustworthy AI design thinking challenge',
          class='has-modal',
          attributes='data-modal-id="atlanta-uni"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#atlanta-uni',
          image=resp_img('img/mozorg/diversity/2021/card-images/auc-data-science.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
        </div>
      </div>
    </div>
  </section>
  <!-- Modal content -->
  <div class="mzp-l-content js-modal-content">
    <!-- Common voice -->
    <article data-modal-parent="common-voice" id="common-voice" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/mozilla-common-voice.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Mozilla Common Voice</span></h2>
          <p class="mzp-c-card-feature-desc">Over the next decade, speech is expected to become the primary way people interact with devices — from phones and laptops to digital assistants. Today’s voice-enabled devices, however, are inaccessible to vast swaths of the planet’s languages, accents, and speech patterns. Mozilla Common Voice launched in 2017 to bridge this gap and is now the world’s largest multi-language public domain voice data set, with over 18,000 hours of voice recordings in over 100 global languages and dialects. Common Voice enables anyone to donate their voices to a free publicly available database that startups, researchers, and developers can use to train voice-enabled apps, products, and services. In 2021, The Bill & Melinda Gates Foundation, the Deutsche Gesellschaft für Internationale Zusammenarbeit (GIZ) GmbH (German Development Cooperation), and the UK’s Foreign, Commonwealth & Development Office (FCDO) announced an investment of $3.4 million in Mozilla Common Voice. This funding will support the collection of voice data sets in Kiswahili, an East African language spoken by an estimated 100 million people in Kenya, Uganda, Tanzania, Rwanda, Burundi, and South Sudan.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://foundation.mozilla.org/en/blog/mozilla-common-voice-receives-34-million-investment-to-democratize-and-diversify-voice-tech-in-east-africa/">Learn more</a>
        </div>
      </div>
    </article>
    <!-- AI for humanity -->
    <article data-modal-parent="ai-humanity" id="ai-humanity" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/weforum.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Artificial intelligence for humanity - World Economic Forum</span></h2>
          <p class="mzp-c-card-feature-desc">Mozilla joined the Global Future Council on Artificial Intelligence for Humanity. The council will develop policy and governance solutions to promote greater inclusion of under-served communities in the AI development and governance ecosystem.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://www.weforum.org/communities/gfc-on-artificial-intelligence-for-humanity">Learn more</a>
        </div>
      </div>
    </article>
    <!-- African tech fests -->
    <article data-modal-parent="african-tech" id="african-tech" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/african-digital-divide.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">African tech festivals, conferences, and events</span></h2>
          <p class="mzp-c-card-feature-desc">As a means of engaging with tech professionals and innovators across Africa, the Africa Mradi team has cultivated a broad network of connections participating in several African conferences and events. Mozilla representatives provided insights and expertise as speakers and facilitators across several events including designing and facilitating a workshop at <a href="https://afrilabs.com/ag-2021-agenda/" target="_blank" rel="external noopener">AfriLabs 10th Annual Gathering</a> on Common Voice and Lean data Practices and speaking on panels such “Affordability Matters: African connectivity is a necessity, not a luxury.” at the <a href="https://atf.app.swapcard.com/event/africa-tech-festival-2021" target="_blank" rel="external noopener">Africa Tech Festival</a> and “Innovate or Die'' at the <a href="https://mediainnovationnetwork.org/east-festival-2021/" target="_blank" rel="external noopener">East Africa Storytelling Festival</a>.</p>
        </div>
      </div>
    </article>
    <!-- Mozfest -->
    <article data-modal-parent="mozfest" id="mozfest" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/mozilla-festival.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">MozFest 2021</span></h2>
          <p class="mzp-c-card-feature-desc">The Mozilla Festival, affectionately known as MozFest and hosted by Mozilla Foundation, harnesses the collective power of unexpected partnerships — connecting from analog artists, and public interest technologists, to policymakers, and neurodiverse activists — to creatively disrupt the status quo and reframe and re-imagine our online world. In 2021, <a href="https://www.youtube.com/watch?v=WYh71ud9qTg" target="_blank" rel="external noopener">MozFest was held virtually for the very first time</a>. Despite this shift to a virtual setting, We were joined by 8000 participants and held 580 sessions over 12 days that featured inspiring conversations and collaborations. Despite not being able to meet face-to-face, we were able to bring the spirit of the festival to life in virtual sessions, social hangouts in Spatial Chat, and through Slack, Twitter, and LinkedIn.</p>
        </div>
      </div>
    </article>
    <!-- Dialogues and debates -->
    <article data-modal-parent="dialogues-debates" id="dialogues-debates" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/mozfest-dialogues-and-debates.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Dialogues & debates</span></h2>
          <p class="mzp-c-card-feature-desc">Dialogues & Debates – our speaker series portion of MozFest – is a chance to continue the important conversations about online privacy, trustworthy AI, bias, Big Tech, and similar topics. Past speakers have hailed from Kenya, France, India, Bahrain, the U.S., the UK, and beyond. They are influential activists, hackers, engineers, journalists, and lawyers. The programming aims to educate and inspire the audience, so they leave with fresh ideas for advocacy campaigns, policies, and software. In 2021, we hosted 15 Dialogues & Debates panels (during and after MozFest) diving into a range of topics including what bias means and how to combat it online.
          <ul class="mzp-u-list-styled">
            <li>
              <a href="https://www.youtube.com/watch?v=fGyjqHS-poU" target="_blank" rel="external noopener">AI & labor</a>
              <ul class="mzp-u-list-styled">
                <li>Sprawling internet platforms and their sophisticated algorithms have created a new ecosystem of on-demand, app-facilitated services — but also a new labor class, stripped of traditional labor rights.</li>
              </ul>
            </li>
            <li>
              <a href="https://www.youtube.com/watch?v=ka6VPT16Oj8" target="_blank" rel="external noopener">AI & power</a>
              <ul class="mzp-u-list-styled">
                <li>The AI in our daily lives reinforces historical power imbalances — across gender, across race, and across class. Is it possible to make more just AI systems mainstream?</li>
              </ul>
            </li>
            <li>
              <a href="https://www.youtube.com/watch?v=1iT0eSSNlC4" target="_blank" rel="external noopener">Hunting biased algorithm</a>
              <ul class="mzp-u-list-styled">
                <li>Can bias bounties become as mainstream as bug bounties?</li>
              </ul>
            </li>
          </ul>
          </p>
        </div>
      </div>
    </article>
    <!-- Creative media awards -->
    <article data-modal-parent="creative-media" id="creative-media" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/creative-awards.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Creative media awards</span></h2>
          <p class="mzp-c-card-feature-desc">
            Mozilla Foundation’s Creative Media Awards support people and projects on the front lines of the internet health movement — from creative technologists in Japan, to tech policy analysts in Uganda, to privacy activists in the U.S. In 2021, these awards provided $260,000 in funding for Black artists who use art to spotlight how AI can reinforce — or disrupt — systems of oppression. Awardees included a stark visualization of the ways voice technology excludes Black voices; an animated film about Afrofuturism, and more. Awardees hail from the U.S., the UK, and the Netherlands.
          </p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://foundation.mozilla.org/en/blog/announcing-8-projects-examining-ais-relationship-with-racial-justice/">Learn more</a>
        </div>
      </div>
    </article>

    <!-- Precursor investments -->
     <article data-modal-parent="precursor-ventures" id="precursor-ventures" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/precursor-ventures.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Investments with Precursor Ventures</span></h2>
          <p class="mzp-c-card-feature-desc">
            In 2018, Mozilla participated in Round 2 funding with Precursor Ventures, which focuses on pre-seed and seed investments with under-served entrepreneurs. Due to their sound investing principles, commitment to early investments in women- and minority-led companies, their strong leadership team, and continued partnership with Mozilla, we have increased our engagement by participating in round four of funding.
          </p>
        </div>
      </div>
    </article>

    <!-- Computing playbook -->
    <article data-modal-parent="computing-playbook" id="computing-playbook" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/computing-summit.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Responsible computing playbook</span></h2>
          <p class="mzp-c-card-feature-desc">
            As part of the Responsible Computer Science Challenge, Mozilla and participating schools released the Teaching Responsible Computing Playbook. An inaugural cohort of 22 colleges and universities came together to create the playbook featuring lessons learned on how schools can update computing curricula to help students bring ethics and a holistic view of society to the design of technology products. The playbook is divided into 20 sections, including Working Across Disciplines, Choosing Computing Courses; Learning Outcomes and Assessments, Accreditation and Ethics, Broadening Participation and Responsible Computing, Discussing Justice and Equity, and more.
          </p>

          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://foundation.mozilla.org/en/what-we-fund/awards/teaching-responsible-computing-playbook/">Learn more</a>
        </div>
      </div>
    </article>

    <!-- Teaching computing summit -->
    <article data-modal-parent="computing-summit" id="computing-summit" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/teaching-summit.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Teaching responsible computing summit 2021</span></h2>
          <p class="mzp-c-card-feature-desc">
            Mozilla hosted the inaugural Teaching Responsible Computing Summit in 2021. The Summit welcomed 200+ registrants from more than 15 different countries. The goals of the Summit were to spark cross-disciplinary insight; collaborate and foster connections across a global cohort; and provide a platform for sharing and scaling teaching methods and ideas across geographies.
          </p>

          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://foundation.mozilla.org/en/blog/teaching-responsible-computing-summit-2021/">Learn more</a>
        </div>
      </div>
    </article>

    <!-- HBCU collaborative curriculum -->
    <article data-modal-parent="hbcu-collaborative-curriculum" id="hbcu-collaborative-curriculum" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/fireside-dave-camp.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">HBCU Collaborative Curriculum program</span></h2>
          <p class="mzp-c-card-feature-desc">
            Mozilla’s HBCU Collaborative Curriculum is a project-based course designed to provide students with the opportunity to learn modern software engineering practices that balance ethical considerations as they prepare to join the workforce. The course featured presentations on over 30 topics ranging from Accessibility and Prototyping, Ethical and Humane Software Design, the Software Development Lifecycle, Design Justice, and Insights from Mozilla’s Internet Health report. To support students' career and professional development, they had access to office hours with Mozilla Technical Recruiters and were invited to a <a href="https://www.youtube.com/watch?v=VlKpP43WR1c" target="_blank" rel="external noopener">Zoom side chat</a> with Mozilla’s Chief of Core Products. After nearly 11 weeks and more than 30 hours of instruction, 14 students from Hampton University and Virginia State University demoed the projects they worked on over the course of the semester.
          </p>
          <p class="mzp-c-card-feature-desc">
            <em>
              “The class provides lots of connections in Mozilla, and students can meet people who help and want to see them succeed. The class is very encouraging as well. My group received lots of positive feedback on our presentation and also great tips on how to present better in the future. Overall, I think the supportive nature of the instructors at Mozilla made the class a great experience”
            </em>
            <span><strong>- Collaborative Curriculum Alum, Fall 2021</strong></span>
          </p>

          <p class="mzp-c-card-feature-desc">
            <em>
              “Working as a team to develop an extension for a Mozilla browser was fun”
            </em>
            <span><strong>- Collaborative Curriculum Alum, Fall 2021</strong></span>
          </p>

          <p class="mzp-c-card-feature-desc">
            <em>
              “They [presentations] were informative, my favorite being the resume prep, Dave Camp, and the artificial intelligence presentations”
            </em>
            <span><strong>- Collaborative Curriculum Alum, Fall 2021</strong></span>
          </p>

          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://www.youtube.com/watch?v=VlKpP43WR1c">Learn more</a>
        </div>
      </div>
    </article>

    <!-- Centering black women -->
    <article data-modal-parent="centering-black-women" id="centering-black-women" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/black-women-experiences.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Centering the experiences of black women</span></h2>
          <p class="mzp-c-card-feature-desc">
            In partnership with the Center of Excellence for Minority Women in STEM at Spelman College, we applied an intersectional lens to examine Black women’s experiences with technology. These efforts included a speaker series and a student-led research project that addressed how to <a href="https://foundation.mozilla.org/en/blog/using-education-and-intersectionality-to-fight-bias/" target="_blank" rel="external noopener">use education and intersectionality to fight bias</a>.
          </p>

        </div>
      </div>
    </article>

    <!-- Intersectional future -->
    <article data-modal-parent="intersectional-future" id="intersectional-future" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/black-women-technology.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">The future is intersectional: black women interrogating technology</span></h2>
          <p class="mzp-c-card-feature-desc">
            This was a year-long lecture series organized by the Spelman College Center of Excellence for Minority Women in STEM, in collaboration with the Atlanta University Center Data Science Initiative, UCLA Center for Critical Internet Inquiry, and Mozilla. This series of discussions highlighted the unique intersectional lens Black women bring to the development and use of technology in our society.
          </p>
          <p class="mzp-c-card-feature-desc">
            <ul class="mzp-u-list-styled">
              <li><a href="https://www.spelman.edu/coe-mws/news-events/the-future-is-intersectional-series/resources-recordings" target="_blank" rel="external noopener">The New Jim Code? Reimagining the Default Settings of Technology and Society – Dr. Ruha Benjamin – March 4, 2021</a></li>
              <li><a href="https://www.youtube.com/watch?v=9f0ukTzx0Qw" target="_blank" rel="external noopener">Black Women Disrupting the Status Quo in Technology | March 15, 2021 </a></li>
              <li><a href="https://www.youtube.com/watch?v=F366d5pVLVA" target="_blank" rel="external noopener">Responding to Coded Bias: Black Women Interrogating AI | March 17, 2021</a></li>
              <li><a href="https://www.youtube.com/watch?v=avh4-t2rUDs" target="_blank" rel="external noopener">Misogynoir Transformed: How Nelly Made Me a Digital Alchemist | Wednesday, April 7, 2021</a></li>
              <li><a href="https://www.youtube.com/watch?v=OL3DowBM9uc" target="_blank" rel="external noopener">The Hierarchy of Knowledge in Machine Learning and Related Fields and Its Consequences | April 14, 2021</a></li>
              <li><a href="https://www.youtube.com/watch?v=2Hukzq_hOQ8" target="_blank" rel="external noopener">Why We Should Care: Technology and the Black Community | Wednesday, April 21, 2021</a></li>
              <li><a href="https://www.youtube.com/watch?v=nhIVcvHrxcg" target="_blank" rel="external noopener">Where Do We Go From Here | November 4, 2021</a></li>
              <li><a href="https://www.spelman.edu/coe-mws/news-events/the-future-is-intersectional-series/resources-recordings" target="_blank" rel="external noopener">Black Feminist Technoculture and the Virtual Beauty Shop – Dr. Catherine Knight Steele – November 11, 2021 </a></li>
              <li><a href="https://www.spelman.edu/coe-mws/news-events/the-future-is-intersectional-series/resources-recordings" target="_blank" rel="external noopener">The Web of C’s and Bias Amplification – Dr. Fay Cobb Payton – November 18, 2021</a></li>
            </ul>
          </p>

        </div>
      </div>
    </article>

    <!-- Spelman college -->
       <article data-modal-parent="spelman-presents" id="spelman-presents" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/spelman-header.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Spelman College presents: An intersectional exploration on AI mediated microaggressions</span></h2>
          <p class="mzp-c-card-feature-desc">
            In partnership with Spelman College, Mozilla funded a student and faculty-led research team to develop a <a href="https://foundation.mozilla.org/en/insights/mozfest-spelman-college-blackpaper/" target="_blank" rel="external noopener">Black paper focused on Black women’s experiences with AI</a>. The work of this group sought to identify and explore how automated biases create microaggressions that adversely impact the quality of the lives of Black women. The research team led by Dr. Jaye Nias, connected with Mozilla’s Trustworthy AI working group and Mozilla staff mentors for the duration of the project. The research team presented their findings at MozFest 2022.
          </p>
        </div>
      </div>
    </article>

    <!-- Atlanta uni -->
        <article data-modal-parent="atlanta-uni" id="atlanta-uni" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/auc-data-science.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Atlanta University Center Data Science Initiative: Trustworthy AI design thinking challenge</span></h2>
          <p class="mzp-c-card-feature-desc">
            Students from the Atlanta University Center Data Science Initiative and Mozilla Data Scientists worked together to design and host a design thinking session on Trustworthy AI at MozFest 2022. The session was designed to examine instances of algorithmic injustice and how to work towards operationalizing fairness, transparency, and accountability in machine learning. Participants were invited to explore some of the core tenets for what is considered to be trustworthy and use that knowledge to develop a trustworthy AI scorecard for data-powered products.
          </p>
        </div>
      </div>
    </article>
  </div>
</main>


<div class="mzp-u-modal-content"></div>

{% endblock %}
